import ReactDOM from 'react-dom/client'

// JSX 语法
const message = 'React'
const element = <h1 title={ message }>Hello { message }</h1> // jsx 中内嵌 js 表达式

// 创建 root 根
const root = ReactDOM.createRoot(document.getElementById('root'))
// 在 root 根下挂载节点
// root.render(<h1>Hello React.js</h1>)
root.render(element)


// // React 17.x 写法
// import ReactDOM from 'react-dom'

// ReactDOM.render(
//   <h1>Hello World</h1>,
//   document.querySelector('#root')
// )

